//1.引入样式表
//公用样式 
require('../../assets/css/index.less')
// 当前页面样式
require('./register.less')

//2.引入工具函数 utils
const dom = require('../../utils/dom');
const { isAccount, isPwd } = require('../../utils/validator');
const https = require('../../utils/https');//axios版本
// const http = require('../../utils/http');//原生版本
//引入验证库
var CaptchaMini = require("captcha-mini");


//3.文档加载事件
dom.ready(function () {
    //使用验证码
    /*不传值，统一走默认值*/
    let capcha = new CaptchaMini();
    let capchaCode;
    capcha.draw(dom.getEle('#captcha1'), r => {
        //把生成的验证码赋值变量capchaCode
        capchaCode = r.toLowerCase();
    });

    //注册功能
    dom.addEvent('#regBtn', function () {
        // console.log(111);
        /*
            验证思路
                1.验证手机号
                    非空
                    正则
                2.验证验证码
                    非空
                    是否和js生成的验证码一样
                3.验证密码
                    非空
                    正则
                4.验证确认密码
                    验证是否和上一个密码一样     
        
        */
        // 1.验证手机号
        //手机号不能为空
        if (account.value == '') {
            alert('亲,您的手机号有误!')
        }
        //手机号正则验证
        else if (!isAccount(account.value)) {
            alert('亲,您的手机号不符合规则!')
        }
        //2.验证验证码
        // 非空
        else if (vcode.value == '') {
            alert('亲,验证码不能为空')
        }
        // 是否和js生成的验证码一样
        else if (vcode.value.toLowerCase() != capchaCode) {
            alert('亲,验证码有误!')
        }
        //3.验证密码
        //非空
        else if (password.value == '') {
            alert('亲,密码不能为空')
        }
        //正则
        else if (!isPwd(password.value)) {
            alert('亲,密码不符合规则')
        }
        //4.验证确认密码
        else if (surePwd.value != password.value) {
            alert('亲,两次输入密码不一致')
        }
        else {
           /*
            制作思路:
                1.使用account判定是否后端已经注册,只有没有注册时才可以调用注册接口
                    account可以使用
                        2.注册账号
                            注册成功---给提示,存储数据,跳转
                            注册失败---给提示
                    account不可以使用---给提示
                
           
           */

            //1.判定账号是否可使用
            https.post('/api/user/isExist',{
                account:account.value
            },function(res){
                //判定状态
                if(res.errno==0){
                    //可以使用当前账号
                    //2.开始注册 
                        https.post('/api/user/register',{
                            account:account.value,
                            password: password.value
                        },function(res){
                            console.log(res);
                            //判定
                            if(res.errno==0){//注册成功
                                alert('注册成功')
                                //跳转到登陆页
                                location.href='login.html'

                            }else{//注册失败
                                alert('注册失败')
                            }
                        })
                }else{
                    //不可以使用当前账号
                    alert('不可以使用当前账号');
                }
            })
        }

    })







})

